<style scoped lang="scss">
.image-cropper {
  width: 10rem;
  height: 100vh;
  background-color: orange;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
</style>
<template>
  <div class="image-cropper" v-if="isShow">
    <img :src="imageUrl" alt="待裁剪图片" />
  </div>
</template>
<script>
export default {
  props: {
    imageUrl: {
      type: String,
      default: ''
    },
    isShow: {
      type: Boolean,
      default: false
    }
  }
}
</script>